<!--  -->
<template>
  <div>
    <nav-bar></nav-bar>
    <div class="detailContent ">
      <div class="flex-top">
        <div class="flex-shop">
          <div class="shopContent">
            <div class="leftBox clearfix">
              <div class="leftBoxImg">
                <img
                  src="./img/bxjg.jpg"
                  style="width:100%"
                  height="150px"
                  alt=""
                />
              </div>
              <div class="leftBoxImgShop">
                <p class="shopName">123456</p>
                <p>
                  地址：广西壮族自治区柳州市鱼峰区西江路42号附近
                </p>
                <p>电话：123456</p>
                <p>推荐菜：无</p>
                <p>
                  营业时间：周一（09:00:00-21:00:00）、周二（09:00:00-21:00:00）、周三（09:00:00-21:00:00）、周四（09:00:00-21:00:00）、周五（09:00:00-21:00:00）、周六（09:00:00-21:00:00）、周日（09:00:00-21:00:00）
                </p>
              </div>
              <div class="leftBoxIntroduce text-right">
                <p class="IntroduceMap">
                  <span><i class="el-icon-location"></i></span>
                  <span>地图</span>
                </p>
                <p class="IntroduceConsumption">
                  <span>人均</span>
                  <span class="Introduceprice">￥<a>30</a></span>
                </p>
                <p class="IntroduceEating">
                  <span>已有</span>
                  <span class="IntroduceEatingNumber"><a>0</a>人</span>
                  <span>就餐</span>
                </p>
              </div>
            </div>
          </div>
        </div>

        <div class="flex-sale">
          <div class="saleRule">
            <p>优惠政策</p>
            <div class="saleRuletxt">
              <p>45641567487 48979745564878951237897897879874644</p>
              <span class="detailtxt">详细</span>
            </div>
          </div>
        </div>
      </div>

      <!-- <div class="clearfix">
        <div class="left-shop">
          123456789
        </div>
        <div class="right-sale">
          456123
        </div>
      </div> -->
      <div class="bottom-show">
        <div class="show-text">店内环境</div>
        <div class="show-img">
          <ul>
            <li>
              <img src="./img/bxjg.jpg" alt="" />
            </li>
            <li><img src="./img/bxjg.jpg" alt="" /></li>
            <li><img src="./img/bxjg.jpg" alt="" /></li>
            <li><img src="./img/bxjg.jpg" alt="" /></li>
            <li><img src="./img/bxjg.jpg" alt="" /></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import NavBar from "../components/nav-bar";

export default {
  name: "",
  data() {
    return {};
  },
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  components: {
    "nav-bar": NavBar
  }
};
</script>
<style scoped>
/* @import url(); 引入css类 */
@import url("./detail.css");
</style>
